* {
    /* 清楚内外边距 */
    margin: 0;
    padding: 0;
    /* background-color: pink; */

}

body {
    background-color: pink;
}

body div {
    background-color: #fff;
}

/* 定制主页面的版心，并且令其居中显示 */
.w {
    width: 1000px;
    margin: auto;
    
}

/* 定义最大的盒子及其高度，宽度已经在版心中定义 */
.bigbox {
    
    background-color: rgba(246, 250, 248, 0.76) ;
    /* background: url(images/back.jpg); */
    height: 1264px;
    /* 相对定位 */
    position: relative;

}

/* 头部学校名称和校徽模块开始  */
/* 定义校徽及其学校名称的模块大小 */
.top-header {
    height: 60px;

    position: absolute;
    top: 10px;
    /* left: 20px; */
}

/* 定义学校名称的样式各类 */
.bigbox article .top-header span {
    font-size: 27px;
    font-family: "华文行楷";
    float: left;
    display: block;
    line-height: 50px;
    margin-left: 12px;
    color: #666666;
}

.bigbox article .top-header a {
    float: left;
    display: block;
    width: 50px;
    height: 50px;
    /* 图片样式的复合写法，可以在CSS样式中引入图片 */
    background-image: url(images/xiaohui.jpg);
    /* 图片排列方式定义为不重复 */
    background-repeat: no-repeat;
    background-position: center left;
    margin-left: 10px;
}

/* 头部学校名称和校徽模块结束  */
/* 学校大图部分及其导航栏模块开始 */
.bigbox .top-tatle {
    /* width设置为100%就是宽度随父亲 */
    width: 100%;
    height: 304px;
    line-height: 60px;
}

.bigbox .top-tatle img {
    /* 绝对定位 */
    position: absolute;
    top: 60px;
    float: left;
    display: block;
    width: 1000px;
    height: 304px;

    background-repeat: no-repeat;
    background-position: center left;
}

.bigbox .top-tatle .top-tatil2 ul li {
    list-style: none;
    float: left;
}

.bigbox .top-tatle .top-tatil2 ul li a {
    /* position: absolute;
    right: 0; */
    list-style: none;
    margin: 0 20px;
    text-decoration: none;
}

.bigbox .top-tatle .top-tatil2 ul li a:hover {
    text-decoration: underline;
    color: #00a4ff;
}

.top-tatil2 {
    position: absolute;
    right: 0;
    top: 50px;
    /* 背景设为透明 */
    background:transparent;
}

/* 学校大图部分及其导航栏模块结束 */
/* 左侧专业介绍校内链接及其鸟瞰图模块开始 */
.bigbox .left-part {
    float: left;
    width: 400px;
    height: 800px;
    /* background-color: pink; */
    position: absolute;
    top: 364px;

}

.bigbox .left-part .left-top {
    width: 400px;
    height: 465px;
}

.bigbox .left-part .left-top h2 {
    margin-top: 15px;
    text-indent: 2em;
}

.bigbox .left-part .left-top ul li {
    list-style: none;
    text-indent: 5em;
    margin-bottom: 5px;

}

.bigbox .left-part .left-top ul {
    margin-top: 15px;
}

.bigbox .left-part .left-top ul li a {
    text-decoration: none;
    color: #000;
    font-family: "华文楷体";
}

.bigbox .left-part .left-top ul li a:hover {
    font-weight: 700;
}

.bigbox .left-part .left-images {
    width: 400px;
    height: 300px;
    margin-top: 20px;
}

.bigbox .left-part .left-images img {
    width: 228px;
    height: 172px;
    padding-left: 50px;
    padding-top: 40px;

}

/* 当鼠标划过这张图片时鼠标样式变成小手 */
.bigbox .left-part .left-images img:hover {
    cursor: pointer;
}

/* 左侧专业介绍校内链接及其鸟瞰图模块结束 */
/* 右侧简介栏目模块开始 */
.bigbox .right-text {
    float: left;
    position: absolute;
    top: 364px;
    right: 0;
    width: 600px;
    height: 800px;
    /* background-color: rgb(255, 192, 203,.3); */
}

.bigbox .right-text .text {
    margin-top: 10px;
    margin-right: 15px;
}

.bigbox .right-text h3 {
    margin-top: 10px;
}

.bigbox .right-text .text img {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    width: 215px;
    height: 202px;
}

/* 当鼠标划过这张图片时鼠标变成小手 */
.bigbox .right-text .text img:hover {
    cursor: pointer;
}

.bigbox .right-text .text p {
    text-indent: 2em;
    font-size: 18px;
}

/* 右侧简介栏目模块结束 */
/* 底部导航模块开始 */
.bigbox .foot {
    float: left;
    position: absolute;
    bottom: 0;
    width: 1000px;
    height: 100px;
    /* background-color: skyblue; */
}

.bigbox .foot h5 {
    margin-top: 15px;
    text-align: center;
}

/* 底部导航模块结束 */